<template>
	<div class="logistics fl">
	    <el-breadcrumb class="breadcrumb" separator-class="el-icon-arrow-right">
	      <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
	      <el-breadcrumb-item :to="{ path: '/investors/capitalList'}">实物帐户管理</el-breadcrumb-item>
	      <el-breadcrumb-item>实物帐户结算</el-breadcrumb-item>
	    </el-breadcrumb>
		<!-- 添加快递公司 -->
		<div class="t_tab">
			<el-table border :data="goodsArr" max-width="900">
				<el-table-column  prop="title" label="申请人" show-overflow-tooltip>
				</el-table-column>
				<el-table-column prop="date" label="申请日期">
				</el-table-column>
				<el-table-column prop="price2" label="可提现金额">
				</el-table-column>
				<el-table-column prop="price3" label="申请余额">
				</el-table-column>
				<el-table-column label="状态">
					<template slot-scope="scope">
						<span>{{statusArr[scope.row.status]}}</span>
					</template>
				</el-table-column>
				<el-table-column prop="price4" label="办理日期">
				</el-table-column>
				<el-table-column label="操作">
					<template slot-scope="scope">
						<el-button size="small"  @click="detail" type="success">查看</el-button>
						<el-button size="small"  @click="detail" type="info">结算</el-button>
					</template>
				</el-table-column>
			</el-table>
			<p style="margin: 20px 0 0 0;font-size: 14px;border-top:1px solid #eee;">&nbsp;</p>
			<el-form class="form" label-width="180px" :model="params">
				<el-form-item label="现金结算日期">
					<el-date-picker :picker-options="pickerOptions1" v-model="start_time" type="date" value-format="timestamp" placeholder="选择日期">
					</el-date-picker>
				</el-form-item>
				<el-form-item label="可结算金额">
					<el-input  size="small" style="width: 300px;"></el-input>
				</el-form-item>
				<el-form-item label="现金结算金额">
					<el-input  size="small" style="width: 300px;"></el-input>
				</el-form-item>
				<el-form-item label="操作人">
					<el-input  size="small" style="width: 300px;"></el-input>
				</el-form-item>
				<el-form-item >
					<el-button size="small"  style="width: 300px;" @click="money" type="success">结算</el-button>
				</el-form-item>
			</el-form>
		</div>
	</div>

</template>
<script>
	import qs from 'qs';
	export default {
		name: 'express',
		data() {
			return {
				start_time:'',
				showCJ:false,
				showCJ1:true,
				params: {
					name: '',
					status: 0,
					code: '',
					url: '',
					order: 0,
					zt_state: 0,
					letter: '',
					tel: '',
					discount: 0.00
				},
				tableData: [{
					date: '2016-05-02',
					id:'203843284',
					type:'销售单',
					name:'玫瑰花',
					user: '王小虎',
					number:'22',
					price:'1293'
				},{
					date: '2016-05-02',
					id:'203843284',
					type:'销售单',
					name:'玫瑰花',
					user: '王小虎',
					number:'22',
					price:'1293'
				},{
					date: '2016-05-02',
					id:'203843284',
					type:'销售单',
					name:'玫瑰花',
					user: '王小虎',
					number:'22',
					price:'1293'
				}],
				goodsArr: [{
					id:'1',
					date: '2016-05-02',
					goods_id: "4081",
					title: "刘备",
					number:'29',
					price1: "100.00",
					price2: "99.00",
					price3: "100.00",
					price4: "99.00",
					status:0
				},{
					id:'1',
					date: '2016-05-02',
					goods_id: "4081",
					title: "关羽",
					number:'29',
					price1: "100.00",
					price2: "99.00",
					price3: "100.00",
					price4: "99.00",
					status:1
				},{
					id:'1',
					date: '2016-05-02',
					goods_id: "4081",
					title: "张飞",
					number:'29',
					price1: "100.00",
					price2: "99.00",
					price3: "100.00",
					price4: "99.00",
					status:1
				}],
				statusArr:['代办','已办']
			}
		},
		mounted() {},
		methods: {
			showCJFun(){
				this.showCJ = !this.showCJ;
			},
			showCJFun1(){
				this.showCJ1 = !this.showCJ1;
			},
			money(){
				this.$message.success('结算成功')
			},
			to() {
				this.$router.back();
			}
		}
	}
</script>
<style lang="less">
	.form {
		border-bottom: 1px solid #eee;
	}
	
	.logistics {
		width: 1000px;
		.t_tab {
			.t_title {
				color: #333;
				border-bottom: 1px solid #dddddd;
				overflow: hidden;
				line-height: 20px;
				span {
					float: left;
					color: #333;
				}
				.t_m {
					width: 135px;
					height: 32px;
					border: 1px solid #ff920b;
					border-radius: 4px;
					font-size: 12px;
					font-weight: normal;
					cursor: pointer;
					color: #FFF;
					line-height: 32px;
					text-indent: 30px;
				}
			}
		}
	}

	.el-button{
		padding: 10px;
	}
</style>